import React from 'react';
import style from './style.css'
import MyIcon from "../../component/Icon/icon";
import MyTabs from "../../component/MyTabs";
import Lessons from './Lessons/index'

class OngoingCourse extends React.Component {
    render() {
        return (
            <div className={style.ongoingCourse}>
                <div className={style.h1}>Modern Medicine</div>
                <div className={style.wrapperImageName}>
                    <div className={style.wrappperimage}>
                        <img src="/static/Badge.png" alt="" className={style.userImage}/>
                    </div>
                    <div className={style.name}>Louisa McGee</div>
                </div>
                <MyTabs tabs={[
                    {title: "Lessons", component: () => <Lessons/>},
                    {title: "Reviews", component: () => <div>Reviews</div>},
                    {title: "About", component: () => <div>About</div>},
                ]}
                        defaultTab={"Reviews"}/>

            </div>
        );
    }
}

export default OngoingCourse;